$(function(){
    // 点击a链接显示与隐藏
    $('#login-Box a').on('click',function(){
        $('#login-Box').hide()
         $('#reg-Box').show()
    })
     $('#reg-Box a').on('click',function(){
        $('#login-Box').show()
         $('#reg-Box').hide()
    })

    // 登录表单校验
    let form=layui.form
    form.verify({
        // 属性是校验名称,值是校验规则
        // 值有两种类型,函数和数组
        username:[
            /^[a-zA-Z0-9]{1,10}$/,'用户名必须1到10位数字和字母'

        ],
        pwd:[
            /^[a-zA-Z0-9]{6,12}$/,'密码必须6到12位数字和字母'
        ],
        // 确认密码规则
        rePwd:function(value){
            let pwd=$('#reg-Box [name=password]').val()
            if(pwd!==value){
                return '两次密码输入不一致'
            }
        
        }

    })

    // 注册功能
    let layer=layui.layer
    $('#formReg').on('submit',(e)=>{
        // 阻止表单默认提交事件
        e.preventDefault()
        // 发送axios
        axios({
            method:'post',
            url:'/api/reguser',
            // 不要传递对象类型,因为对象类型头信息设置的是application、json
            data:$('#formReg').serialize()
        }).then(res=>{
            // console.log(res.data);
            if(res.data.status!=0){
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜您注册成功')
            // 切换到登录模块
            $('#login-Box a').click()
            // 表单清空
             $('#formReg')[0].reset()
        })
    })
    // 登录功能
    $('#formLogin').on('submit',(e)=>{
        e.preventDefault()
        axios({
            method:'POST',
            url:'/api/login',
            data:$('#formLogin').serialize()
        }).then(({data:res})=>{
            console.log(res);
            if(res.status!=0){
                return layer.msg(res.message)
            }
            layer.msg('恭喜您登录成功')
            localStorage.setItem('token',res.token)
            location.href='/index.html'
        })
    })

})